*{margin: 0 ;padding: 0;}
li{list-style: none;}
html{font-size: 100%;font-size: 10px;}
body{background-color: #ffffff;height:4370px;}
.banner,.yinsi-inner,shiyong,.zidingyi,.main-bottom,.foot-top{width: 1240px;margin: 0 auto;}
.head-top{height: 88px;width: 85.5144%;/*1229/1905*/margin-left:12.5102%}
.head-left{height: 63px;background-color: white;margin: 0 0;margin-top: 25px;float: left;}
.head-left ul{margin-left: 130px;margin-top: -40px;}
.head-left li{float: left;margin-left: 30px;}
.head-left h1{width: 108px;}
.head-left li a{text-decoration: none;color: black;font-weight: 900;font-size: 2rem;}
.head-left li a:hover{border-bottom: 4px solid black;padding-bottom: 30px;}
.head-right{width: 148px/*148px*/;height: 43px;background-color: white;margin-left:45.5370% /*744px*/;float: left;margin-top: 25px;border: 2px solid #0060df;display: block;}
.head-right li{margin-top: 13px;margin-left: 12px;}
.head-right:hover{background-color: blue;}
.head-right li a{text-decoration: none;font-weight: 900;color: blue;font-size: 1.5rem;}
.head-right li a:hover{color: white;}
.head-right-one{float: right;width: 32px;height: 32px;background-color: white;display: none;text-align: center;margin-top: 30px;cursor: pointer;}
.head-quan{width: 100%;height: 550px;background-position: left calc(50% + 348px) top 72px,top -110px left 50vw;}
.head-quan{background-image:url("../img/product.da3864c285db.svg"),url("../img/product-bg.5ae68bf0ca30.svg");background-repeat: no-repeat;background-repeat: no-repeat;}
.head-inner{height:550px;width:81.2598%;/*1548/1905*/margin: 0 12.5102%;
position: relative;}
.FILLET-O-FISH-1{color: brown;font-family: FILLET-O-FISH-1;font-size: 30px;}
.head-inner img{margin-top: 71px;}
.head-inner .zhengti{width: 100%;height: 615px;}
.firefox{width: 343px;height: 67px;background-color: white;background-image: url("../img/huohu.png");background-size: 343px 67px;margin-right: 20px;background-repeat: no-repeat;position: absolute;}
.di{width: 22.1576%px;height: 615px;background-color: white;margin: 0px 0px;float: left;}
.kuai{width: 22.1576%px;height: 107px;background-color: white;position: absolute;top: 100px;}
.kuai p{font-size: 6rem;font-weight: 900;}
.kuai h3{margin-top: 21px;font-size: 2rem;}
.liji{width: 128px;height: 56px;background-color: #0060df;margin-top: 60px;position: absolute;top: 220px;}
.liji li a{color: lavender;text-align:center;text-decoration: none;margin-top: 15px;display: block;font-size: 1.5rem;}
.xia{position: absolute;top: 410px;background-color: white;width: 140px;height: 69px;}
.xia li{text-decoration: none;}
.xia h6{color: blue;list-style-type: none;text-decoration: none;display: block;font-size: 1rem;}
.xia :nth-child(1){margin-left: 4px;}
.xia embed{margin-top: 30px;}
.main-top{height: 11.9037%;width: 100%;background-color: #2b1141;}
.yinsi-inner {height:544px;width: 76.5144%;margin-left:13.5102%;background-color: #2b1141;}
.yinsi-inner h1{padding-top: 6.8088%/*86/544*/;padding-left: 40%;color: deeppink;font-size: 4.5rem;width: 412px;}
.yinsi-inner li{color: white;font-size: 1.5rem;}
.yinsi-inner>div{width:26.6721% /*362/1220*/;height:30.1691%/*311/544*/;margin-top:8.7% /*233/544*/;margin-right:5.4712% /*71/544*/;background-color: #2b1141;float: left;}
.yinsi-inner h2{font-size: 2.5rem;color: white;margin-top: 10px;}
.yinsi-inner :nth-child(4){margin-right:0px;}

.shiyong{width: 40.0301%;height: 19.3064%;margin-left: 48.0984%;margin-top: -20%;background-color: #ffffff;}
.shiyong h4{font-size: 1rem;}
.shiyong h1{font-size: 5rem;}
.zidingyi{width: 85.2598%;margin-top:16.9634% ;background-color: #ffffff;}
.zidingyi h1{margin:0 45%;font-size: 4rem;width:208px;}
.zidingyi h6{font-size: 1.5rem;}
.zidingyi>div{height: 30.1691%;width:29.6721%;margin-top: 10%;float: left;background-color: #ffffff;margin-right:5.4712% ;margin-bottom: 80px;}
.zidingyi :nth-child(4){margin-right: 0px;}
.zidingyi h2{font-size: 2rem;}
.main-middle{width: 85.2598%;height: 23.3695%;background-color: #ffffff;margin-left:9.5102%;position: relative;}
.main-middle img{list-style-type: none;margin-top: 12.0899%/*129/1067*/;margin-left: 5.9690%/*270/1229*/;margin-right: 20px;}
.main-bottom{width: 100%/*1173*/;height:1381px;background-color: #ededf0;float: left;}
/*.sudu{margin-left: 9.5102%;margin-top: 8.6893%;width: 61.5748%;height: 19.6234%/*271/1381*/;background-color:red;position: relative;}*/
.sudu-right{width: 499px;height: 287px;float: left;margin-top: 15%;}
.sudu-left{width:30.5703% /*558/1173*/;background-color: #ededf0;height: 271px;float: left;margin-left: 15%;margin-top: 80px;}
.sudu-left h1{padding-top: 17.6752%;font-size: 3rem;}
.sudu-left P{padding-top: 5%;font-size: 1.5rem;}
video{margin-top: 80px;margin-left: 8%;}
.chrome-left{width: 30%;height: 293px;background-color: #ededf0;margin-top: 10%;margin-left: 15%;float: left;background-image: url("../img/wanqu.svg");background-repeat: no-repeat;background-size: contain;}
.chrome-right{width: 23%;height: 100px;float: left;margin-left: 54%;margin-top: -10%;}
.chrome-right h1{font-size: 3rem;}
.minuate-left{width:30%/*400px*/;height: 150px;margin-top: 650px;margin-left:15%;background-color: #ededf0;}
.minuate-left h1{font-size: 3rem;float: left;}
.minuate-right{width: 35.7139%/*547px*/;height: 260px;background-color: #ededf0;margin-left: 50.5982%;float: left;margin-top: -250px;background-image: url("../img/jiantou.png");background-repeat: no-repeat;background-size: contain;}
.footer{background-color:#20123a;width: 100%;}
.foot-top{width: 54.4881%;height: 523px;background-color: #20123a;float: left;margin-left: 20%;margin-top: 93px;border-bottom: 1px solid gray;}
.img{width: 60px;height: 60px;background-color: #20123a;background-image: url("./../img/huohubiaozhi.png");background-repeat: no-repeat;background-size: contain;float: left;margin-right: 20px;}
.foot-top h1{float: left;color: #d65f38;}
.lan{width: 130px;height: 57px;background-color: blue;float: right;margin-right: 70px;}
.lan a{text-decoration: none;}
.lan h3{margin-top: 18px;text-decoration: none;font-size: 1.5rem;color: white;text-align: center;}
.foot-top  h6{float: right;margin-top: 65px;margin-right: -100px;color: white;}
.foot-top h1{font-size: 3rem;}
.bai{width: 100px;height: 28px;background-color: white;margin-top: 180px;margin-left: 50px;}
.foot-top>ul{width:13.6570% /*121px*/;height:162px; /*162px*/;background-color: #20123a;margin-top:53px;margin-right: 12.959%;float: left;}
.foot-top :nth-child(6){margin-left: 40px;}
.foot-top :nth-child(9){margin-right: 0px;}
.foot-top ul a{text-decoration: none;}
.foot-top ul h3{color: white;font-size: 1.5rem;}
.foot{width: 100%;height: 1300px;background-color: #20123a;margin-top: 1380px;}
.foot-bottom{padding-top:620px;}
.foot-di{width: 54.4881%;float: left;margin-left: 20%;}
.foot-di p{color: white;}
.foot-di li{color: white;}
.foot-di a{color: white;}
.foot-di ul{margin-top: 20px;float: left;}
.foot-di li p{color: white;display: block;}
.dizi{width: 250px;height: 20px;background-color: #20123a;margin-top: 50px;margin-left: -20px;}
.dizi img{float: left;}
.foot-di ol{margin-top: 20px;}
.foot-di ol :nth-child(1){margin-left: 0px;}
.foot-di ol :nth-child(5){float: right;}
.foot-di ol :nth-child(6){float: right;}
.foot-di ol li{float: left;margin-left: 15px;}

@media screen and (max-width:968px){
    .main-middle ol img{width: 60%;height: 60%;min-width: 400px;}
    .shiyong{margin: 20px auto;} 
    .shiyong h1{font-size: 20px;}
    .zidingyi h1{font-size: 3rem;width: 25%;width: 200px;}
    .zidingyi>div{width: 95%;float: none;margin: 0 auto;height: 25.1691%;margin-top: 5px;}
    .zidingyi :nth-child(4){margin-right: auto;}
    .zidingyi>div{width: 480px;}
    .head-left :nth-child(3){display: none;}
    .head-left :nth-child(2){display: none;}
    .head-quan {background-image: none;}
    .head-right{display: none;}
    .head-right-one{display: block;}
    .head-inner{background-image: none;}
    .head-inner .zhengti{text-align: center;}
    .firefox{height: 68px;width: 347px;position: absolute;left: 25%;}
    .kuai{width: 370px;height: 163px;position: absolute;left: 30%;}
    .kuai p{font-size: 5rem;}
    .kuai h3{text-align: center;}
    .liji{position: absolute;left: 40%;position: absolute;}
    .xia{position: absolute;left: 40%;top: 350px;}
    .shiyong{width: 230px;}
    .main-middle ol img{margin-left: 18%;}
    .sudu-left p{width: 372px;}
    .zidingyi :nth-child(4){padding-bottom: 80px;}
    .yinsi-inner div{width: 410px;float: none;margin: 0 auto;height: 25.1691%;}
    .yinsi-inner :nth-child(4){margin-right: auto;}
    .sudu-left{margin-top: 250px;width: 50%;position: absolute;text-align: center;margin-left: 23%;}
    video{margin-top:0px;margin-left: 25%;}
    .chrome-left{width: 400px;height: 15%;margin-top: 250px;margin-left: 25%;}
    .chrome-right{margin-top: 100px;margin-left: 23%;width: 50%;text-align: center;}

    .yinsi-inner h1{font-size: 3rem;}
    .minuate-left{margin-top:950px;position: absolute;width: 85%;}
    .minuate-right h1{width: 100%;}
    .minuate-right{margin-left: 18%;margin-top:10px;}
    .minuate-right{width: 80%;}
    .img{width: 60px;height: 60px;}
    .foot-top{height: 700px;}
    .foot-top ul{width: 40%;}
    .foot-top :nth-child(6){margin-right: 0px;}
    .foot-top :nth-child(7){margin-right: 0px;float: right;}
    .foot-top :nth-child(8){margin-right: 0px;margin-left: 40px;}
    .foot-top :nth-child(9){margin-right: 0px;float: right;}
    .foot{height: 1050px;background-color: #20123a;width: 100%;}
}
@media screen and (max-width:1368px){
    .main-middle ol img{width: 30%;height: 30%;}
}

@font-face{
    font-family:FILLET-O-FISH-1;
    src: url("../fonts/FILLET-O-FISH-1.eot"),
    url("../fonts/FILLET-O-FISH-1.svg"),
    url("../fonts/FILLET-O-FISH-1.ttf"),
    url("../fonts/FILLET-O-FISH-1.woff"),
    url("../fonts/FILLET-O-FISH-1.woff2");
}
